<!doctype html>
<html lang="zh-Hans">
<head>
<meta charset="utf-8">
<title>css书写规范和顺序 - zaoのblog</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link rel="canonical" href="http://www.hansomezao.com/2020/01/26/css%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83%E5%92%8C%E9%A1%BA%E5%BA%8F/">
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">

<meta name="description" content="CSS书写规范和顺序前言对于项目，那就是我们的亲儿子啊，作为一个前端菜鸟，面向用户就是将自己的儿子介绍给别人认识，肯定要让他白白净净，漂漂亮亮的啦，给别人一眼就喜欢上的感觉咯，哈哈哈~ 常在河边走，哪有不湿鞋，在我们编程的工程中，尤其是前端的同学，肯定少不了跟Css打交道，命名、缩写、书写顺序等都是有一定规范，这个规范可能来源于你、我、或者浏览器等不定向人群（这个规范是我瞎编的），今天自己整合收集">
<meta property="og:type" content="website">
<meta property="og:title" content="css书写规范和顺序">
<meta property="og:url" content="http://www.hansomezao.com/2020/01/26/css%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83%E5%92%8C%E9%A1%BA%E5%BA%8F/">
<meta property="og:site_name" content="zaoのblog">
<meta property="og:description" content="CSS书写规范和顺序前言对于项目，那就是我们的亲儿子啊，作为一个前端菜鸟，面向用户就是将自己的儿子介绍给别人认识，肯定要让他白白净净，漂漂亮亮的啦，给别人一眼就喜欢上的感觉咯，哈哈哈~ 常在河边走，哪有不湿鞋，在我们编程的工程中，尤其是前端的同学，肯定少不了跟Css打交道，命名、缩写、书写顺序等都是有一定规范，这个规范可能来源于你、我、或者浏览器等不定向人群（这个规范是我瞎编的），今天自己整合收集">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://s2.ax1x.com/2020/02/29/3sIalD.png">
<meta property="article:published_time" content="2020-01-26T04:36:36.000Z">
<meta property="article:modified_time" content="2020-01-26T04:36:36.000Z">
<meta property="article:author" content="zao">
<meta property="article:tag" content="css">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://s2.ax1x.com/2020/02/29/3sIalD.png">

<script type="application/ld+json">[{"@context":"http://schema.org","@type":"WebSite","publisher":{"@type":"Person","name":"zao","description":"front end green-hand","image":"https://s2.ax1x.com/2020/02/29/3sIalD.png"},"url":"http://www.hansomezao.com","image":"https://s2.ax1x.com/2020/02/29/3sIalD.png","description":"zao个人博客,前端开发","author":{"@type":"Person","name":"zao","description":"front end green-hand","image":"https://s2.ax1x.com/2020/02/29/3sIalD.png"},"inLanguage":{"@type":"Language","alternateName":"zh-Hans"}},{"@context":"http://schema.org","@type":"Article","articleSection":"note","url":"http://www.hansomezao.com/2020/01/26/css%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83%E5%92%8C%E9%A1%BA%E5%BA%8F/","headline":"css书写规范和顺序","image":"https://s2.ax1x.com/2020/02/29/3sIalD.png","datePublished":"2020-01-26T04:36:36.000Z","dateModified":"2020-01-26T04:36:36.000Z","keywords":"css","description":"zao个人博客,前端开发","publisher":{"@type":"Organization","name":"zaoのblog","logo":{"@type":"ImageObject","url":"https://s2.ax1x.com/2020/02/29/3sIalD.png"}},"author":{"@type":"Person","name":"zao","description":"front end green-hand","image":"https://s2.ax1x.com/2020/02/29/3sIalD.png"},"inLanguage":{"@type":"Language","alternateName":"zh-Hans"},"mainEntityOfPage":{"@type":"WebPage","@id":"http://www.hansomezao.com/2020/01/26/css%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83%E5%92%8C%E9%A1%BA%E5%BA%8F/"}}]</script>


<link href="//fonts.googleapis.com/css?family=Baloo+Bhaijaan|Inconsolata|Josefin+Sans|Montserrat" rel="stylesheet">
<link href="/styles.d6ae91d5e735d1cc1e8c.css" rel="stylesheet">

<link rel="stylesheet" href="/theme.31ff184938432d1a41e3.css">


<script src="/config.4353ac5f5f8fabd2dc2f.js"></script>


<meta name="generator" content="Hexo 4.2.0"></head>
<body lang="zh-Hans">
<is-a></is-a>
<script src="/runtime.1720a40670866f12654e.js"></script>
<script src="/polyfills.69a7b8a907a7ac9da988.js"></script>
<script src="/main.afaf3882c4354b8bfcf3.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?ec6c9a67d27809161f45a392478f9996";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
